.page {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow-x: hidden;
  background: rgb(57, 58, 98);
}

.detail {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  overflow-x: hidden;

  .content {
    padding: 40rpx;
    box-sizing: border-box;

    .title {
      color: rgb(255, 255, 255);
      font-size: 45rpx;
      letter-spacing: 3.6rpx;
      margin-bottom: 4rpx;
    }

    .price {
      color: rgb(219, 190, 144);
      font-size: 40rpx;
      margin-right: 2rpx;
    }

    .unit {
      color: rgb(219, 190, 144);
      font-size: 26rpx;
    }

    .line {
      width: 100%;
      height: 2rpx;
      background-color: rgb(196, 196, 196);
      margin-top: 40rpx;
      margin-bottom: 40rpx;
    }

    .text {
      color: rgb(255, 255, 255);
      font-size: 24rpx;
      line-height: 50rpx;
      letter-spacing: 0.96rpx;
    }

    .button{
      width: 400rpx;
      height: 70rpx;
      margin: 70rpx auto;
      
      image{
        width: 100%;
        height: 70rpx;
      }
    }
  }


  .optionInfo {
    position: absolute;
    width: 100%;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    .dotBox {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 60rpx;

      .dotOne {
        width: 70rpx;
        height: 2px;
        margin: 0px 10rpx;
        border-radius: 1px;
        background: rgba(255, 255, 255, .2);

      }

      .acDotOne {
        background-color: #fff;
      }
    }

  }
}

.footer-btn {
  width: 400rpx;
  height: 68rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 4rpx;
  margin: 70rpx auto;
  margin-top: 50rpx;
  color: rgb(157, 114, 32);
  font-size: 23rpx;
  background: linear-gradient(161.96deg, rgb(252, 244, 232) -16.529%, rgb(208, 173, 116) 100.353%);
}